<template>
  <div>
    <mt-field v-model="mobile" :label="label" :placeholder="placeholder">
      <!-- <mt-button
        type="default"
        :disabled="verifyBtnDisabled"
        @click.native="handleVerifyCode"
      >
        {{ verifyBtnTitle }}
      </mt-button> -->
    </mt-field>
  </div>
</template>

<script>
export default {
  name: 'Mobile',
  components: {},
  directives: {},
  filters: {},
  props: {
    value: { type: String, default: '' },
    label: { type: String, default: '' },
    placeholder: { type: String, default: '请输入手机号' }
  },

  data() {
    return {
      // verifyBtnTitle: '获取验证码',
      // verifyBtnDisabled: false
    }
  },
  computed: {
    mobile: {
      get() {
        return this.value
      },
      set(val) {
        this.$emit('input', val)
      }
    }
  },
  async created() {
    //
  },

  methods: {
    // async handleVerifyCode() {
    //   if (this.validatePhone()) {
    //     this.validateBtn()
    //     this.verifyCode2 = ''
    //     await this.$store.dispatch('user/smsSend', { mobile: this.mobile })
    //     const code = await this.$store.dispatch('user/smsBack', {
    //       mobile: this.mobile
    //     })
    //     console.log('smsBack code,', code)
    //     setTimeout(() => {
    //       // this.verifyCode2 = code
    //       this.$emit('sms-code', code)
    //     }, 500)
    //   }
    // },
    // validatePhone() {
    //   // 判断输入的手机号是否合法
    //   if (!this.mobile) {
    //     this.$message({
    //       message: '手机号码不能为空',
    //       type: 'error'
    //     })
    //     // return false
    //   } else if (!/^1[345678]\d{9}$/.test(this.mobile)) {
    //     this.$message({
    //       message: '请输入正确的手机号',
    //       type: 'error'
    //     })
    //   } else {
    //     // this.errorMessage = {}
    //     return true
    //   }
    // }
    // validateBtn() {
    //   // 倒计时
    //   let time = 60
    //   const timer = setInterval(() => {
    //     if (time === 0) {
    //       clearInterval(timer)
    //       this.verifyBtnDisabled = false
    //       this.verifyBtnTitle = '获取验证码'
    //     } else {
    //       this.verifyBtnTitle = time + '秒后重试'
    //       this.verifyBtnDisabled = true
    //       time--
    //     }
    //   }, 100)
    // }
  }
}
</script>

<style type="text/css"></style>
